<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/P6.css" />
		<script src="http://wow.techbrood.com/libs/jquery/jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<div class="block -berry edge--bottom">
		    <h1>Bottom Angled Edge</h1>
		</div>
		
		<div class="block -blue edge--bottom--reverse">
		    <h1>Bottom Angled Edge</h1>
		    <p>Reversed</p>
		</div>
		
		<div class="block -berry edge--top">
		    <h1>Top Angled Edge</h1>
		</div>
		
		<div class="block -blue edge--top--reverse">
		    <h1>Top Angled Edge</h1>
		    <p>Reversed</p>
		</div>
		
		<div class="block -orange edge--both">
		    <h1>Top & Bottom Angled Edges</h1>
		</div>
		
		<div class="block -green edge--both--reverse">
		    <h1>Top & Bottom Angled Edges</h1>
		    <p>Reversed</p>
		</div>
	</body>
</html>
